<template>
  <div flexcontainer>
    <div aspectratio-content w-1920-1080>
      <div aspectratio-content>
        <img src="//gw.alicdn.com/imgextra/i1/82/TB2M_c0jmB0XKJjSZFsXXaxfpXa_!!82-0-luban.jpg_q50.jpg" alt="" width="100%" height="100%">
        <p>测试</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
[w-1920-1080] {
  width: 1920px;
  height: 1080px;
  z-index: 200;
  background-color: lightblue;
}
p{
  font-size: 26px;
  text-align: center;
}
[w-1920-1080] {
  aspect-ratio:'1920:1080';
}
</style>